<!--
 * @Author: your name
 * @Date: 2020-07-25 19:38:38
 * @LastEditTime: 2020-09-16 17:29:29
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \PipeOneMap_WebClient\src\app\cityfun\mapbox-draw-tool\mapbox-draw-tool.component.html
-->
<div id="main-container">
  <ng-container *ngFor="let item of data">
    <div class="tool-item"  (click)="drawClick(item)" [ngClass]="{'active':selectItem === item.id,'default':selectItem===''}">
      <ng-container *ngIf="selectItem === item.id; else elseTemplate">
        <img [src]="item.simg">
      </ng-container>
      <ng-template #elseTemplate>
        <img [src]="item.dimg">
      </ng-template>
      <div class="name">{{item.title}}</div>
    </div>
  </ng-container>
</div>
